body {
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	margin: 5px;
}

a {
	color: darkblue;
}

a:visited {
	color: darkblue;
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
	
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
	
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}

.gwt-PushButton-up {
	background-color: #C3D9FF;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-up-hovering {
	background-color: #C3D9FF;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-down {
	background-color: #C3D9FF;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
	cursor: pointer;
	cursor: hand;
}

.gwt-PushButton-down-hovering {
	background-color: #C3D9FF;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-up {
	background-color: #C3D9FF;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-up-hovering {
	background-color: #C3D9FF;
	padding: 2px;
	border: 2px solid transparent;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down {
	background-color: #C3D9FF;
	padding: 2px;
	background-color: #E8F1FF;
	border: 2px solid transparent;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
	cursor: pointer;
	cursor: hand;
}

.gwt-ToggleButton-down-hovering {
	background-color: #C3D9FF;
	padding: 2px;
	background-color: #E8F1FF;
	border: 2px solid transparent;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
	cursor: pointer;
	cursor: hand;
}

.gwt-RichTextArea {
	border: 1px solid black;
	background-color: white;
}

.gwt-RichTextToolbar {
	background-color: #C3D9FF;
	padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
	margin-right: 2px;
	border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
	margin-right: 2px;
	border: 1px solid #C3D9FF;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
	margin-right: 2px;
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
	margin-right: 2px;
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
	margin-right: 2px;
	border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
	margin-right: 2px;
	border: 1px solid #C3D9FF;
	border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
		rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
	margin-right: 2px;
	background-color: #E8F1FF;
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
	margin-right: 2px;
	background-color: #E8F1FF;
	border: 1px solid #C3D9FF;
	border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
		rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .splitter {
	background-color: #C3D9FF;
	cursor: move;
}

.gwt-HorizontalSplitPanel .left {
	background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-VerticalSplitPanel .splitter {
	background-color: #C3D9FF;
	height: 8px;
	cursor: move;
}

.gwt-SuggestBoxPopup {
	border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
	padding: 2px;
}

.gwt-DisclosurePanel {
	border: 2px solid #C3D9FF;
}

.gwt-DisclosurePanel .header {
	background-color: #e8eef7;
	cursor: hand;
}

.banner-style {
	background-color: #036FAB;
	color: white;
	font-size: 30px;
	height: 15%;
	margin: 0 0 10px;
	padding: 5px;
	position: relative;
	text-align: center;
	width: 100%;
}

.menu-style {
	background-color: #036FAB;
	color: white;
	font-size: 30px;
	margin: 0 0 10px;
	padding: 5px;
	position: relative;
	text-align: center;
}

.banner-title {
	color: white;
	font-size: medium;
}

.req-main-panel {
	background-color: #DDDDDD;
	height: 83%;
	padding: 5px;
	position: relative;
	width: 100%;
	direction: rtl;
}

.pro-title {
	font-weight: bold;
	font-size: 17px;
}

.pro-title1 {
	font-weight: bold;
	font-size: 16px;
}

.pro-title2 {
	font-size: 16px;
	padding-right: 35px;
}

.req-title {
	color: #484848;
	font-weight: bold;
	width: 60px;
}

.req-title1 {
	color: #484848;
	font-weight: bold;
	width: 94px;
}

.req-title2 {
	width: 95px;
}

.qual-Table {
	border: 3px solid SlateGray;
	width: 40%;
}

.qual-Table-data {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px ;
	
}

.qual-Table-data1 {
	 color: #000000;
    font-family: Arial,Helvetica,sans-serif;
}

.qual-Table-data2 {
	 color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    padding-top: 15px;
}

.qual-Table-data-header {
	BORDER-TOP: 1px solid #D9D9D9;
	BORDER-BOTTOM: 1px solid #D9D9D9;
	BORDER-LEFT: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
	background-color: white;
	border: 1px solid #D9D9D9;
	color: #484848;
	font: bold 11px tahoma;
	padding: 5px;
	text-align: center;
}

.qual-Table-data-header1 {
	BORDER-TOP: 1px solid #D9D9D9;
	BORDER-BOTTOM: 1px solid #D9D9D9;
	BORDER-LEFT: 1px solid #D9D9D9;
	background-color: white;
	border: 1px solid #D9D9D9;
	color: #484848;
	font: bold 11px tahoma;
	padding: 5px;
	text-align: center;
}

.qual-Table-data-st {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	BORDER-LEFT: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 5px;
	background-color: white;
	
}

.qual-Table-data-st2 {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 5px;
	background-color: white;
	text-align:center;
	width: 14%;
}

.qual-Table-data-st1 {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 5px;
	background-color: white;
	width: 14%;
}

.qual-Table-data-st-over {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	BORDER-LEFT: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 5px;
	background-color: orange;
	
}

.qual-Table-data-st2-over {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 5px;
	background-color: orange;
	text-align:center;
	width: 14%;
}

.qual-Table-data-st1-over {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	color: #000000;
	padding: 3px 5px;
	background-color: orange;
	width: 14%;
}

.attach-title {
	color: #484848;
	font-weight: bold;
	width: 120px;
}

.list-content {
	width: 220px;
}

.attach-table {
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	border-collapse: collapse;
}

.table-header {
	color: #484848;
	font-weight: bold;
	border: solid gray;
	border-collapse: collapse;
	background-color: white;
	width: 50%;
}

.cell {
	text-align: right;
	border: solid gray;
	width: 50%;
	border-collapse: collapse;
}

.edit-style {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

.pro-style {
	color: blue;
	font-weight: bold;
	text-decoration: underline;
	cursor: pointer;
	font-size: 18px;
}

.delete-style {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}

<!--
Search page -->.requestdate-title {
	color: #484848;
	font-weight: bold;
	width: 400px;
}

.request-table {
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	border-collapse: collapse;
}

.request-table-header {
	color: #484848;
	font-weight: bold;
	border: solid gray;
	border-collapse: collapse;
	background-color: white;
	white-space: nowrap;
}

.small-title {
	color: #484848;
	font-weight: bold;
	width: 200px;
	white-space: nowrap;
	float: right;
}

.info {
	color: #484848;
	font-weight: normal;
	width: 200px;
	white-space: nowrap;
	float: right;
}

.cell-hover {
	text-align: right;
	border: solid grey;
	background-color: aqua;
	width: 50%;
	border-collapse: collapse;
}

.gwt-DisclosurePanel {
	border: none !important;
}

.gwt-DisclosurePanel .header,.gwt-DisclosurePanel .header td {
	cursor: hand;
	color: #DDDDDD;
	text-align: right;
	direction: rtl;
	font-weight: bold;
	height: 2.2em;
	width: 100%;
	background-color: #DDDDDD;
	border: none !important;
	background-image: none !important;
	background-repeat: no-repeat !important;
	cursor: pointer;
	cursor: hand;
	text-decoration: underline !important;
}

.gwt-DisclosurePanel .content {
	border-left: 3px solid #DDDDDD !important;
	padding: 4px 0px 4px 8px;
	margin-left: 6px;
}

<!--
login page -->.login-text {
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
	direction: rtl;
	text-align: right;
}

.login-label {
	font-size: 12px;
	font-weight: bold;
	width: 100px;
	color: blue;
	text-align: right;
	direction: rtl;
}

.login-link {
	font-size: 12px;
	font-weight: bold;
	width: 100px;
	color: blue;
	text-align: center;
}

.login-button {
	text-align: center;
}

.login-center-pnl-ar {
	direction: rtl;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
}